#headNav {
  background-color: #fff;
  width: 100%;
  #header {
    width: 1200px;
    margin: 0 auto;
    padding: 5px 0px 10px 0;
    #logo {
      float: left;
      width: 400px;
      height: 80px;
      margin-top: -7px;
      background: url('../images/logo.png') no-repeat left top;
    }
    .showChar {
      float: right;
      width: 340px;
      margin-top: 10px;
      overflow: hidden;
    }
    .showChar-div {
      margin: 0 10px;
      float: right;
      &.right {
        margin-right: 0;
      }
      i {
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 20px 5px;
        background: url('../images/baozhang.png') no-repeat;
      }
      span {
        display: block;
        width: 80px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #717171;
        overflow: hidden
      }
    }
    .showChar-1 i {
      background-position: 0 0;
    }
    .showChar-2 i {
      background-position: 0 -40px;
    }
    .showChar-3 i {
      background-position: 0 -80px;
    }
    #search {
      position: relative;
      float: left;
      margin: 20px 6px 10px 110px;
      input {
        height: 38px;
        border: 2px solid #FF6C00;
        width: 300px;
        line-height: 38px;
        padding: 0 20px;
        color: #838383;
      }
      button {
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 40px;
        border: 0 none;
        background: url("../images/search-btn.png") no-repeat center center #FF6C00;
        cursor: pointer;
      }
    }
    #showList {
      dl {
        margin: 5px 16px;
      }
      #search button {
        height: 37px;
        overflow: hidden;
        padding: 7px 30px;
      }
    }
  }
}